<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>我的动态</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<!-- <link rel="stylesheet" href="../../css/footer.css"> -->
<link rel="stylesheet" href="../../css/font_my/iconfont.css">

<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		color:#555555;
		background: #eee;
	}
	p{
		margin: 0;
	}
	.dynamic{
		width: calc(100% - 20px);
		height: 100%;
		padding: 0 10px;
		background: #eee;
	}
	.dynamicZ{
		width: 100%;
		/*height: 100%;*/
		background: #fff;
	}
	.dynamicTop{
		width: calc(100% - 20px);
		padding: 15px 10px;
		display: flex;
		border-bottom: 1px solid #eaeaea;
	}
	.dynamicTopL{
		width: calc(100% - 70px);
	}
	.dynamicTopP1{
		font-weight: bold;
	}
	/*.dynamicTopM{
		margin-top: 10px;
		display: inline-block;
	}*/
	.dynamicTopMar{
		margin-top: 30px;
	}
	.dynamicTopR{
		width: 60px;
	}
	.dynamicTopR img{
		width: 60px;
		margin-top: 20px;
		/*height: 30px;*/
	}
	.dynamicBot{
		width: calc(100% - 20px);
		padding: 10px 10px;
		display: flex;
	}
	.dynamicBotL{
		width: calc(100% - 50px)
	}
	.dynamicBotR{
		width: 50px;
		text-align: right;
	}
/*	.dynamicBotImg{
		width: 60%;
		margin: auto;
	}
	.dynamicBotImg img{
		width: 100%;
	}
	.dynamicBotP{
		text-align: center;
		line-height: 30px;
	}*/
	.tants{
	    position: fixed;
	    top: 0;
	    margin: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.5);
	    display: none;
	  }
	  .ttz{
	    width: 90%;
	    height: 250px;
	    background: #fff;
	    border-radius: 5px;
	    margin-top: calc(50% - 50px);
	    margin-left: 5%;
	    position: relative;
	  }
	  .ttzt{
	    line-height: 50px;
	    text-align: center;
	    border-bottom: 1px solid #eee;
	  }
	  .ttzdiv{
	    width: calc(100% - 20px);
	    height: 180px;
	    padding: 10px 10px;
	    overflow-x: hidden;
	  }
	  .ttzBtn{
	    position: absolute;
	    top:5px;
	    right: 5px;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	  }
	  .ttzdivImg{
	  	width: 50%;
	  	margin: auto;
	  }
	  .ttzdivImg img{
	  	width: 100%
	  }




</style>

</head>
<body>
	<div class="dynamic">
		<div class="dynamicZ">
			<div class="dynamicTop">
				<div class="dynamicTopL">
					<p class="dynamicTopP1 dynamicTopM">新华杨科技</p>
					<p class="dynamicTopP2">四川新华杨科技有限公司</p>
					<p class="dynamicTopP1 dynamicTopMar">张三</p>
					<p class="dynamicTopP2">销售</p>
					<p class="dynamicTopP2 dynamicTopMar">186666666</p>
					<p class="dynamicTopP2">18666666@@qq.com</p>
				</div>
				<div class="dynamicTopR"><img src="../../image/my/tx.png" alt=""></div>
			</div>
			<div class="dynamicBot">
				<div class="dynamicBotL">
					<span class="dynamicName">张三</span>的二维码
				</div>
				<div class="dynamicBotR"><i class='iconfont icon-erweima'></i>  <i class='iconfont icon-arrow-right-copy'></i></div>

			</div>
		</div>

	</div>
	<div class="tants">
	    <div class="ttz">
	      <div class="ttzt">我的太阳码</div>
	      <div class="ttzdiv">
	      	<div class="ttzdivImg">
	      		<img src="../../image/my/ty.png" alt="">
	      	</div>
	      </div>
	      <div class="ttzBtn"><i class="iconfont icon-cha ttzG"></i></div>
	    </div>
	  </div>

<script src='../../js/jquery.js'></script>
<script type="text/javascript">
	$(".dynamicBotR").click(function(){
	    $(".tants").css("display","block")
	})
	$(".ttzBtn").click(function(){
	    $(".tants").css("display","none")
	})
	// console.log($)

</script>
</body>
</html>